import { System,DateTime } from "./globals.slint";
import "./fonts/DSEG7Classic-Bold.ttf";
export component HomeView inherits Rectangle{
//    height: System.screen_height;
//    width: System.screen_width;
    background: black;
//    Text {
//        text: "主页";
//        color: white;
//    }
    HorizontalLayout {
        spacing: 2px;
        alignment: center;
        in property <length> size:20px;
        Rectangle {
            Text {
                font-family: "DSEG7 Classic";
                font-size: size;
                text: DateTime.hours < 10?@tr("0{}",DateTime.hours):DateTime.hours;
                color: white;
            }
        }
        Rectangle {
            Text {
                font-family: "DSEG7 Classic";
                color: white;
                font-size: size;
                text: ":";
            }
        }
        Rectangle {
            Text {
                font-family: "DSEG7 Classic";
                font-size: size;
                text: DateTime.minutes < 10?@tr("0{}",DateTime.minutes):DateTime.minutes;
                color: white;
            }
        }
        Rectangle {
            Text {
                font-family: "DSEG7 Classic";
                color: white;
                font-size: size;
                text: ":";
            }
        }
        Rectangle {
            Text {
                font-family: "DSEG7 Classic";
                font-size: size;
                text: DateTime.seconds < 10?@tr("0{}",DateTime.seconds):DateTime.seconds;
                color: white;
            }
        }
    }



}